<template>
  <div>
    <button @click="change">我是子组件按钮:修改父亲给的数据</button>
    <h1>我是子组件H1---{{ qian }}---{{ che }}</h1>
    <p>{{ hobby }}</p>
  </div>
</template>

<script>
export default {
  //子组件接受父组件传递过来的数据,接受的是自定义属性的名字
  //props写法有三种:目前学习第一种写法数组写法
  //注意1:父组件传递过来的props[money,car]是作为当前组件自身的属性
  //注意2:props[父组件给的数据,子组件不可以修改],只可远观而不可亵玩焉！！！
  //注意3:谁的数据，用谁的方法进行修改！！！
  props: ["qian", "che", "hobby", "updateMoney"],
  methods: {
    change() {
      //使用父组件的方法,修改父亲数据
      this.updateMoney();
      //Son子组件实例
      console.log("子组件的this", this);
    },
  },
};
</script>

<style scoped>
div {
  width: 600px;
  height: 300px;
  margin: 30px auto;
  background: red;
}
h1 {
  color: black;
}
</style>